<template>
    <el-card class="card">
          <div style="display: flex; justify-content: space-between; align-items: baseline; ">
            <div style="font-size: 30px; font-weight: bold; color: #f4b2a6"><i class="el-icon-s-order" /> 昨日互动数：</div>
            <countTo :startVal='startVal' :endVal='endVal' :duration='3000' style="font-size: 50px;"></countTo>
          </div>
          
        </el-card>
        
</template>

 <script>
import countTo from 'vue-count-to';
export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 458
      }
    }
  }
</script>
<style>
.card {
  height: 100px;
  margin-bottom: 24px;
}
</style>